<template>
    <div class="app">
        <Header/>
        <div class="back">
            <div class="con">
              <div class="pxes"></div>
              <div class="listneo">
                <coreL/>
                <div class="conres">
                  <div class="ra">已填写报告>>查看报告</div>
                    <div class="toxian">
                        <div class="toxian_one">{{nvbao}}</div>
                        <el-form label-width="140px" :label-position="labelPosition">
                            <el-form-item label="*职业：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*品牌喜好：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*性别：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*身高：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*体重：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*年龄：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*星座：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*风格喜好：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*面料/材质喜好：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="肤质：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="皮肤问题：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*产品体验详情：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="*产品亮点推荐：">
                                <span>{{nvbao}}</span>
                            </el-form-item>
                            <el-form-item label="产品优化建议：">
                                <el-rate
                                v-model="value1"
                                show-text>
                                </el-rate>
                            </el-form-item>
                        </el-form>
                        <el-button style="display:block;margin:0 auto" type="danger" @click="$router.go(-1)">返回</el-button>
                    </div>
                </div>
              </div>
              <coreF/>
            </div>
        </div>
        <Footer/>
    </div>
</template>
<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'
import coreL from '@/components/coreL'
import coreF from '@/components/coreF'
export default {
    components: { 
    Header,
    Footer,
    coreL,
    coreF
    },
    data() {
      return {
          nvbao:"简柏格真皮百搭款女包",
          value1: null,
          labelPosition: 'right',
      }
      
    },
    methods: {
     
    },
}
</script>
<style scoped>
.app  /deep/  .ist_l .ist_c li:nth-child(2) {
    background-color: #ff9381;
    width: 126px;
    height: 50px;
    display: block;
}
.conres /deep/  .el-tabs__nav {margin-left: 260px}
.conres /deep/ .el-tabs__item.is-active {color: #f06048;}
.conres /deep/ .el-tabs__active-bar {color: #f06048;}
.conres /deep/ .el-tabs__item:hover {color: #f06048;}
.conres /deep/ .el-tabs__active-bar {background-color:#f06048 }
.flex_lr {
  display: flex;
  justify-content: space-between;
}
.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.back {
    background-color: #f06048
}  
.pxes {
  height: 15px;
}
.wlen_org {
  height: 40px;
  margin-right: 10px;
}
.back .con {
  width: 1200px;
  margin: 0 auto;
  background-color: #eee
} 
.listneo {
  width: 1161px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
.conres {
  width: 930px;
  border-radius: 6px;
  background-color: #fff
}

.conres .ra {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 43px;
  margin-left: 14px;
  position: relative;
  top: 15px;
  width: 250px;
  height: 43px;
  background-color: #f06048;
  box-shadow: 0px 4px 2px 0px 
		rgba(70, 23, 15, 0.38);
  border-radius: 0px 0px 20px 20px;
}
.toxian_one{
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    margin-left: 30px;
}
.el-rate {
  margin-top: 10px;
}
.el-form-item {
    margin-bottom: 0px;
}
</style>